.cq-article--s1n3 {
	--space-article: 5px 20px;
	--article-number-size: 32px;
	grid-template-columns: 1fr;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 10%);

	@include media-breakpoint-up(md) {
		grid-template-columns: 2fr 3fr;
	}

	.cq-article--item {
		&:first-child {
			grid-row: 1 / 4;

			.cq-article {
				display: block;
			}

			.cq-article--cover {
				display: block;
			}

			.cq-article--content {
				display: none;
			}
		}

		@for $i from 2 through 4 {
			&:nth-child(#{$i}) {
				.cq-article {
					display: flex;
					&::before {
						content: '0#{$i}';
					}
				}
			}
		}

		@include media-breakpoint-up(down) {
			margin-bottom: 10px;
		}
	}

	.cq-article {
		display: flex;
		align-items: center;

		&::before {
			display: block;
			padding: 0 10px;
			font-size: var(--article-number-size);
			border-right: 1px solid var(--color-border);
			color: var(--theme-color);
		}

		&:hover {
			.cq-article--time,
			.cq-article--summary {
				color: #fff;
			}
			&::before {
				color: #fff;
			}
		}
	}

	.cq-article--cover,
	.cq-article--meta {
		display: none;
	}

	.cq-article--content {
		line-height: 1;
	}

	.cq-article--title {
		font-size: 15px;
	}

	.cq-article--time,
	.cq-article--summary {
		font-size: 12px;
		color: var(--color-text-light);
	}
}
